<script type="text/javascript" src="ccay/example/ui/button/button2ImgButton.js"></script>
<div>

<div id="2img">
	 <div title="效果">
		<div>原始按钮：<input id="btnAddd" type="button" class="i18n" i18nKey="ccay.common.button.gridAdd"/></div>
		<br>
		<div>目标按钮：<span class="ccay-button" id="btnAddd">
					<a class="ccay-icon add"></a>
					<label class="i18n" i18nKey="ccay.common.button.gridAdd"></label>
			   </span>
		</div>
	 </div>
	 <div title="转换工具">
		 <table style="width:100%;height:100px;text-align:center;">
		   <tr>
		     <td style="width:48%;">
				 <fieldset class='ccay-demo' style="width:95%;height:350px;display:inline-block">
				    <legend ><h2>来源</h2></legend>
				    <table style="width:100%;text-align:left;">
						<tr>
						   <td>
								<h3>第一步、选择图标：</h3>
							    <br>
							    <form>
							    	<input type='text' id='allImgType'/>
							    </form>
							    <br><br>
							    <h3>第二步、粘贴type="button"的input的html代码：</h3>
							</td>
						</tr>
						<tr>
						  <td style="width:45%;text-align:left;">
						  	<textarea id="btnResource" style="width:99%;height:80px;"></textarea>
						  	<div id="btnResourceDiv" style="display:none"></div>
						  </td>
						</tr>
						<tr>
							  <td style="height:80px">
							  	<h3>源码效果：</h3>
							  	<div id="btnResourceResult"></div>
							  </td>
						</tr>
					</table>
				 </fieldset>
			 </td>
			 <td style="width:4%;">
				 <span class="ccay-button" onclick='Ccay.example.ui.button2img.convert()'>
					<a class="ccay-icon pager-goto"></a>
					<label>转换</label>
				 </span>
			 </td>
			 <td style="width:48%;">
				 <fieldset class='ccay-demo' style="width:95%;height:350px;display:inline-block">
				    <legend ><h2>结果</h2></legend>
				    <table style="width:100%;text-align:left;">
						<tr style="height:180px;">
						  <td style="text-align:left;">
						  	<textarea id="btnTarget" style="width:99%;height:160px;"></textarea>
						  </td>
						</tr>
						<tr>
						  <td style="height:80px">
						  	<h3>生成效果：</h3>
						  	<div id="btnTargetResult"></div>
						  </td>
						</tr>
					</table>
				 </fieldset>
			 </td>
		   </tr>
		 </table>
	 </div>
</div>


</div>
